<!DOCTYPE HTML>
<html>
<head>
	<meta charset = "UTF-8">
	<title>Wintersporttag</title>
	<link rel="stylesheet" href="stylesheets/mobil_style.css" type="text/css">
	<script language="JavaScript">
			<!--the script
			var isVisible = 0;
				function change(FRAMENAME,URL){
					parent.FRAMENAME.location=URL;
				}
				
				function changeDisplaystate(FRAMEID){
				
					if(document.getElementById(FRAMEID).style.display == 'none'){
						document.getElementById(FRAMEID).style.display = 'inline';
						document.getElementById(FRAMEID).removeAttribute('style');
					}else{
						document.getElementById(FRAMEID).style.display = 'none';
					}
					
				}
				
				function makeVisibleDet(FRAMEID){
						document.getElementById(FRAMEID).style.display = 'inline';
						document.getElementById(FRAMEID).removeAttribute('style');
				}
				
				function closeWelcome(){
						document.getElementById('wilkommenfr').style.display = 'none';
				}
				
				function closeAllTags(){
					//document.getElementById('').style.display = 'none';
					// ausblenden des Aktivitätens frames
					document.getElementById('aktdetails').style.display = 'none';
					// Ausblenden des Javascripts errors
					document.getElementById('jsfehler').style.display = 'none';
					
					// ausblenden der Details der Buttons
					timeo = window.setTimeout("closeWelcome()", 10000);
					for(var i = 0; i < document.getElementsByName('buttondetails').length; ++i){
						if(i != 0){
							document.getElementsByName('buttondetails')[i].style.display = 'none';
						}
					}
				}
				
			-->
	</script>
</head>
<body onload="javascript:closeAllTags()" > 
	<div id="header_i">
		<h1>Wintersporttag</h1>
	</div>
	<div id="main_tile"><!-- Main tile start -->
		<div id="jsfehler">Javascript ist deaktiviert. Aktivieren sie Javascript damit sie eine bessere Benutzeroberfläche nutzen können.</div>
		<!-- Willkommensnachricht -->
		<div class="global_button" onclick="javascript:changeDisplaystate('wilkommenfr')">
		<div class="global_buttons_tri_left"></div><!-- Linkes Dreieck -->
		<div class="global_buttons_middle"><!-- Mittel Teil ANFANG-->
		<h2>Willkommen</h2> <font class="details">ein/ausblenden</font>
		</div><!-- Mittel Teil END-->
		<div class="global_buttons_tri_right"></div><!-- Rechtes dreieck-->
		</div>
		<iframe class="buttonFrame" scrolling="auto" src="Willkommen.html" name="buttondetails" id="wilkommenfr" style="display=true">
			error no side found
		</iframe>
		
		<!-- Aktivitaeten -->
		<div class="global_button" onclick="javascript:changeDisplaystate('aktivitaetendi')">
		<div class="global_buttons_tri_left"></div><!-- Linkes Dreieck -->
		<div class="global_buttons_middle"><!-- Mittel Teil ANFANG-->
		<h2>Aktivitäten</h2> <font class="details">ein/ausblenden</font>
		</div><!-- Mittel Teil END-->
		<div class="global_buttons_tri_right"></div><!-- Rechtes dreieck-->
		</div>
		<div class="buttonDIV" scrolling="auto" name="buttondetails" id="aktivitaetendi">
			
			<!-- Detailierte Informationen und Anmeldungsframe zu einer Veranstaltung -->
				<iframe name="aktdetails" id="aktdetails">
					
				</iframe>
			
			<!-- Aktivitaeten Auflistung-->
			<a href="test.html" target="aktdetails">
			<div class="aktivitaet" onclick="javascript:makeVisibleDet('aktdetails')"><!-- Eine Aktiviät-->
				<font class="aktFontNa">Test</font> <font class="aktFontBes">Besetzt: 30/100</font>
			</div>
			<!-- Aktivitaeten Auflistung Ende-->
			</a>
		</div>
	</div><!-- Main tile end -->
	
	<div id="bottom_i"><!-- Bottom_i beginn-->
		<font>Philipp Donabauer</font>
		<font id="logout">Logout</font>
	</div><!-- Bottom_i end-->
</body>
</html>